<style lang="sass" scoped>
    .account{
        height:80px;
        background:rgb(255,250,250);
        margin-bottom:10px;
        margin-top:5px;
        padding:0 20px;
        align-items:center;
        .head-img{
            width:60px;
            height:60px;
            display: block;
            margin-right:30px;
        }
        .text{
            font-size:24px;
        }
    }
    .group{
        height:80px;
        background:rgb(255,250,250);
        margin-bottom:10px;
        align-items:center;
        padding:0 20px 0 0;
        .labels{
            width:180px;
            text-align:right;
            font-size:24px;
        }
        .text{
            flex:1;
            font-size:24px;
            overflow:hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .password{
        height:80px;
        background:rgb(255,250,250);
        margin-bottom:10px;
        align-items:center;
        padding:0 20px;
        .labels{
            flex:1;
            font-size:24px;
        }
        img{
            width:24px;
            display: block;
        }
    }
    .remark{
        padding:20px;
        .title{
            font-size:24px;
        }
        .cont{
            font-size:24px;
        }
    }
</style>
<template>
    <div class="container">
        <div class="account flex">
            <img class="head-img" src="../../assets/images/user2.png" alt="">
            <div class="text">{{info.userName}}</div>
        </div>
        <div class="group flex">
            <div class="labels">公司名称：</div>
            <div class="text">{{info.companyName}}</div>
        </div>
        <div class="group flex">
            <div class="labels">责任人：</div>
            <div class="text">{{info.contact}}</div>
        </div>
        <div class="group flex">
            <div class="labels">联系方式：</div>
            <div class="text">{{info.contactPhone}}</div>
        </div>
        <div class="group flex">
            <div class="labels">纳税人识别号：</div>
            <div class="text">{{info.taxIdNumber}}</div>
        </div>
        <div class="group flex">
            <div class="labels">地址：</div>
            <div class="text">{{info.address}}</div>
        </div>
        <div class="group flex">
            <div class="labels">电话：</div>
            <div class="text">{{info.contactPhone}}</div>
        </div>
        <div class="group flex">
            <div class="labels">开户行：</div>
            <div class="text">{{info.bank}}</div>
        </div>
        <div class="group flex">
            <div class="labels">账号：</div>
            <div class="text">{{info.bankNo}}</div>
        </div>
        <router-link tag="div" :to="{name:'password'}" class="password flex">
            <div class="labels">修改密码</div>
            <img class="head-img" src="../../assets/images/right.png" alt="">
        </router-link>
        <div class="remark">
            <div class="title">备注：</div>
            <div class="cont">由于商务及安全原因，账户信息由官方开通，不提及后台更改如需更改，请致电：4008-320-330</div>
        </div>
    </div>
</template>
<script>
    export default {
        components: {
        },
        data() {
            return {
                info:{}
            };
        },
        watch:{
        },
        created(){

        },
        mounted() {
            this.$nextTick(() => {
               this.getInfo();  
            });
        },
        methods: {
            getInfo(){
                util.ajax({
                    url:config.baseApi + 'bookMall-dms/api/user/getUserInfo',
                    success:(data=>{
                        this.info = data.data;
                    })
                })
            }
        },
        
    };
</script>